<link rel="stylesheet" href="/modules/js/swiper/idangerous.swiper.css">
<style>
    .swiper-img-wrap{position: relative;}
    .swiper-img{height: 385px;}
    .swiper-img img{width: 100%;height: 100%;border-radius: 3px;}
    .pagination {position: absolute;left: 0;text-align: center;bottom:0px;width: 100%;z-index: 1}
    .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: rgba(0,0,0,0);margin: 0 3px;cursor: pointer;border:1px solid #949494;}
    .swiper-active-switch {background: #3296fa;border:1px solid #39abfb;}
    .community-list .info,.community-list .count{color: #6E6969}
    .community-list .community-title{border-bottom-color:#3296fa}
</style>
<div class="inner" style="margin-top: 40px;margin-bottom: 40px;">
    <div class="fl" style="width: 45%;overflow: hidden;">
        <!-- 轮播图 start -->
        <div class="swiper-img-wrap">
            <div class="swiper-container swiper-img">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://img11.360buyimg.com/babel/jfs/t8698/208/490602871/136117/1f3dd818/59a8ea3fN662de62c.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img11.360buyimg.com/babel/jfs/t8698/208/490602871/136117/1f3dd818/59a8ea3fN662de62c.jpg">
                    </div>

                </div>
            </div>
            <div class="pagination"></div>
        </div>
        <!-- 轮播图 end -->
    </div>
    <div class="community-wrap fl">
        <div class="community-list fl">
            <div class="community-title">最新帖子</div>
            <ul>
                <li><a class="info">思和会2017年招募项目营销大会</a></li>
                <li><a class="info">千万大商店店长导购能力模型</a></li>
                <li><a class="info">千万大商店店长导购能力模型</a></li>
                <li><a class="info">千万大商店店长导购能力模型</a></li>
                <li><a class="info">千万大商店店长导购能力模型</a></li>
                <li><a class="info">千万大商店店长导购能力模型</a></li>
                <li><a class="info">千万大商店店长导购能力模型</a></li>
                <li><a class="info">千万大商店店长导购能力模型</a></li>
            </ul>
        </div>
        <div class="community-list fl">
            <div class="community-title">本周热贴</div>
            <ul>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
                <li>
                    <a class="info fl">思和会2017年招募项目营销大会</a>
                    <div class="count fr">2365</div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div style="background: #ffffff;margin-bottom: 18px;">
    <div class="inner">
        <div class="channel-wrap">
            <div class="channel-title">客户咨询</div>
            <div class="channel-list">
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c1"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c2"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c3"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c4"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c5"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="background: #ffffff;margin-bottom: 18px;">
    <div class="inner">
        <div class="channel-wrap">
            <div class="channel-title">客户咨询</div>
            <div class="channel-list">
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c6"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c7"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c8"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c9"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
                <div class="channel-item">
                    <div class="fl"><span class="icon icon-c10"></span></div>
                    <div class="fl">
                        <a class="name">日常使用问题<span class="sub">(21)</span></a>
                        <p class="industry">解决微商城/零售/餐饮/美行/收银等产品问题</p>
                        <p class="count">主题：20万，帖数：77万</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/modules/js/swiper/idangerous.swiper-2.1.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-img',{
        pagination: '.pagination',
        loop:true,
        grabCursor: true,
        paginationClickable: true
    });
    $('.community').addClass('active');
    $(".jiosc-logo").find(".action-name").html("商家社区");

</script>
